<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="/smsbridge/index.css" />
  <script type="text/javascript" src="/smsbridge/index.js"></script>
  <title>SMS bridge statistics</title>
</head>
<body onload="init()">
<table class="process">
  <tr><th>Process statistics</th><th>Process command</th></tr>
  <tr>
    <td>
      <table class="ps">
        <tr>
          <th>PID</th>
          <th>%CPU</th>
          <th>%Memory</th>
          <th>Virtual memory, b</th>
          <th>Memory page, b</th>
          <th>Create time</th>
          <th>Command</th>
        </tr>
        <tr>
          <td id="ps_pid">---</td>
          <td id="ps_cpu">---</td>
          <td id="ps_mem">---</td>
          <td id="ps_vmem">---</td>
          <td id="ps_pmem">---</td>
          <td id="ps_time">---</td>
          <td id="ps_cmd">---</td>
        </tr>        
      </table>
    </td>
    <td>
      <table class="cmd">
        <tr>
          <th>
            <button id="cmd_start" onClick="startProcess();">Start</button>
          </th>
          <th>
            <button id="cmd_stop" onClick="stopProcess();">Stop</button>
          </th>
        </tr>
        <tr>
          <td colspan="4"></td>
        </tr>
      </table>
    </td>    
  </tr>
</table>
<table class="sessions">
  <tr><th>Started sessions</th></tr>
  <tr><td id="sess_content"></td></tr>
</table>
<table class="log">
  <tr><th>Log <input type="date" id="log_date"></th></tr>
  <tr><td><div id="log_content"></div></td></tr>
</table>
</body>
</html>
